<script setup lang='ts'>
import flashSort from './component/flash-sort.vue'
import flashLabel from './component/flash-label.vue'
const activeName = ref('1')

defineOptions({
    // eslint-disable-next-line vue/component-definition-name-casing
    name: 'content-center-flash-sortAndLabel',
})

watch(activeName, val => {
    console.log(val)
})
</script>

<template>
    <el-tabs v-model="activeName" class="demo-tabs">
        <el-tab-pane label="快讯分类" name="1">
            <flashSort v-if="activeName === '1'"></flashSort>
        </el-tab-pane>
        <el-tab-pane label="快讯标签" name="2">
            <flashLabel v-if="activeName === '2'"></flashLabel>
        </el-tab-pane>
    </el-tabs>
</template>
